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< htm l> 

<form id=="get„card_info" method = "post" action- "http://payment.asp"> 
gQ <seJect name=''card_type"> 

. <option value="amex"> American Express</option> 

^option value = "visa''> Visa</option> 
<option va[ue = "ms">MasterCard</option> 

</select> 

<input type = "text" name = *'card_num" width = "30" 

onChange="handie()" /> 
<mput type = "text" name:="expiry_date" /> 
<input type = "submit'' value = "Submit" onC!ick= "verifyO" /> 
</form> 
<Scnpt><![CDATA[ 

function handle ( ) { 

if (get_card_info.card_type. value -= "amex") { 
if (get_card_info,card__num, length != 15) 
alert {"amex should have 15 digits"); 

} else 

if (get_card_info.card_num, length 1= 16) 

alert {"visa and master should have 16 digits"); 

} 

function verify () { 

var flag = window, confirm ( "submit the credit card info?"); 
if (flag) 

get_card_inf o . submit { ) ; 

} 

]]> 
</script> 
</html> 
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:htm!> 

<form icl = ''get„card_info'' method-"post" action = "http://payment.asp"> 

<select name = "card„type" onClick=''taik{g_card_types)"> 

<option va[ue~"amex''> American Express</option> 
< option va lu e = " visa "> Visa < /option > 
< option value = "ms"> MasterCard </option> 
</seiect> 

<reco id = "g_card_types"onReco ="handle{)" > 
< grammar src = "./gram #card_types" /> 

</reco > — 

<tnput type= "text" name = "card_num " width = ''30" 
onCi!ck="taik(g_card_num)" /> 
<reco id = " g_card_num " onReco ="handle(} " > 

<grammar src = " •/gram#diglts" /> 

</reco > 

< input type = ''text*' name = "expiry_date" 

onClick= "t jjIkCg^expiry^date)" /> 
<reco id = "g„expiry_date " > 
< grammar src =" ./gram #dates " 

</reco > 

<input type="submit" vaiue = "Submit'' onClick="verify()" /> 

</form> 

<script><![CDATA[ 

function talk(gobi) { 
gobj .activateO ; 

function handleQ { 

if (get_card_info.card_num != null) { 

if (get_card_info . card_type . value -= "amex") 
if (get_card__info. card_n urn. length i= 15) 
alert {"amex should have 15 digits"); 
} else 

if (get__card__info.card_num. length \~ 16) - 
alert ("visa and master should have 16 digits"); 

} ^ 

function verifyC) { 

var flag = window. confirm ("submit the credit card 
info?"); 

if (flag) { 

^ get_card_info.submitO ; 

> 
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]]> 

</script> 
</htnnl> 
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< body > 



<formid=" get_card_info " method =" post" action =" http://payment.asp " 
onActivate =" welcom() "> ^ 

< prompt id =" p.weicome "> We now need your credit card </ prompt > 

< prompt id =" p.mumble "> I didn't understand you </ prompt > 

< prompt id = 'p _card_type " bargein ="true"> What credit card would you 
use? </ prompt > 

< prompt id =" p_card_num " bargein ="true"> Please say the number" </ prompt 

< prompt id =" p_explry_date " bargein ="true"> What is the expiration 
date? </ prompt > 

^< prompt id p„content **> 

I have your < value select =" card_type ** /> < value select card.num " /> 
with expiration date 

< value^^ select =" explry.date " /> 
</ prompt > 

< prompt id =" p_confirm "> Is this correct? </prompt> 

<reco id==" g_card types " onNoReco =" mumbleCthis, 2) "> 
onReco =" _han^e(thls, card_type) " /> 

< grammar src=" ./gram#card_types " 

</reco > 

<reco id=" g_card_num " onNoReco =" mumble(this, 1) > 
onReco =" _handie(thls, card_num) " /> 
< grammar src=" ./gram#digits "/> 

</reco > 

<reco id=" g„expiry_date " onNoReco =" mumble(this, 1) > 

onReco =" _handle(this, expiry_date) " audio ="rao " /> 

< grammar src=" ./gram#aates " /> 

</reco > 

<reco id =" confirmation " onReco =" confirmed(this) " /> 

< grammar src='* ./gram#yesno " /> 

</reco > 

< select name =" card_type "> 

< option value ="amex"> American Express </ option > 

< option value =" visa "> Visa </ option > 

< option value ="ms"> MasterCard </ option > 
</ select > , 

< input type="text" name card_num " width ="30" /> 

< input type text" name =" expiry_ date " /> 

< input type =" submit " value =" Submit " /> 

</ form > 

< script ><I[CDATA[ 

function welcome() { 
p_we1 come . acti ve() ; 
repeat = 0; 
checkFilledQ; 

} 

function mumbleCgobj, maxprompts) { 

gob j .deactivate O ; 

p_mumbl e . acti veQ ; 
checkFil ledQ; 
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function ..handle () { 
handleQ ; 
checkFilledO; 

} 

function checkFilledO { 

if Ccard_type- value == "") { 
p„card_type, active C) ; 
^ g_card_types.activateO; return; 

if (card_num. value =="") { 
^ p„card_num.activeO; g_card_num.acti vateQ; return; 

if (expiry_date. value == { ^ 
^ p_expi ry_dat a . acti ve () ; g_expi ry_dat e . acti vat e C) ; return; 

p_con tent . acti vat e () ; 
p„confi rm.acti vateC) ; 
conf i rmation .acti vateQ ; 

} 

function confirmed Cgobj) { 

if (gob j . recogRes . text = "yes") 
get_card_info. submit O ; 

// 

user codes start here 
function handle Q { 

if (get_card_info.card_type == "amex") { 

it (get_card_info.card_num. length 15) { 

prompt. speak ("amex should have 15 digits"); 
^ get_card_info,card_num = ""; 

} else 

if (get_card_info.card_num. length != 16) { 

prompt. speak ('visa and master should have 16 digits"); 
^ get_card_info.card_num = 

111 
</script> 
</body> 
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<body> 



<form id="get_cardJnfo" method = "post" action="http://payment-asp" 
onactivate="welcome()"> 

<prompt id="p_welcome">We now need your credit card</prompt> 

<prompt id="p_mumb!e">I didn't understand you</prompt> 

<prompt id="p_card_type" bargein="true">What credit card would you 

use?</pronnpt> 

<prompt id="p_card_num" bargein="true">Please say the number</prompt> 
<prompt id="p_expiry_date" bargein="true">What is the expiration 
date?</prompt> 

<prompt id="p_content"> 
I have your <value select="card_type" /xvalue seject="card_num" /> 

with expiration date <value se[ect="expiry_date" /> 

</prompt> 

<prompt id-"p_confirm">Is this correct?</pronript> 

<reco id="g_get„card_info" onReco='Lhandle()" onNoReco ="mumble(this)"> 

<grannmar src :="./gram/getPayment" /> 

<bind target="card_type" value= "/card/type" /> 
<bind target="card_num" value="/card/number" /> 

<bind target="expiry_date" value="/card/expr_date" /> 
</reco> 

<reco id="confirmation" onReco ="confirmed(this) onNoReco="mumble(this)" /> 

<grammar src ="./gram#yesno"/> 

</reco > 

<select name="card_type"> 

<option value="am€x">American Express</option> 

<option vaiue="visa">Visa</option> 

< option vai ue= "ms" > MasterCard </Qption > 
</select> 

<input type="text" name="card_num" width="30" /> 
<!nput type="text" name="expiry_date" /> 
— -^^mput type="submit" value="Submit" /> 

</form> 

<scnpt><i[CDATA[ 

function welcomeC) { 

p_we1 come . ac ti ve () ; 

repeat = 0; 
^ checkFilledO; 

function mumble (gob j) { 
gobj.deactivateO; 
p_jnumble.activeO; 
CheckFilledO; 

function __handle() { 
handleO ; 
CheckFilledO; 




function checkFilledO { 
if (card_type. value == "") { 

p_card_type.active(); ; do_field.activateO ; return; 

if Ccard_num. value ="") { 

p_card_num. active O ; do_field-activateO ; return; 

if (expiry_date. value = { 

p_expiry_data.activeO; do_field.activate(); return 

p„content.activateO ; 
p„conf i rm . acti vate () ; 
conf i rmati on. acti vate () ; 

function conf irmed (gob j) { 

if (gob j . recogRes. text == "yes") 

get_card_infl). submit Cgensml ()) ; 

// user codes start here 
// 

function handleQ { 

if (field = get_card_info.card_num) { 

if (get„card_info.card_num. length 1= 15) { 

prompt. speak ("amex should nave 15 digits"); 
get„card_info.card_num = ""; 

} else 

if (get_card_info.card_num. length !:= 16) { 

prompt. speak ("visa should "nave 15 digits"); 
^ get_card_info.card_num = ""; 

^ function gensmlO { 

str = '<sml><credit_card type="'; 
str += card_type. value; str += '"><number>*; 
str +- card_number. value; str += '</number><expire>' 
str += expiry_date. value; str += 
'</expire></credit_card></sml>' ; 

return str; 

} 

]]> 

</script> 
</body> 
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SAMPLE ASP+ PAGE 



<%@ Page language^" Jscript" AutoEventWireup=" false" 

Inherits="Credit . Transaction" %> 

<htinl><head> 

<! — ASPX page for both voice-only & multimodal credit card example — 
<script> 

function handle {) { 

if (field == get_card_info. card_num) { 

if (get_card_info.card_n\jiia. length != 15) { 
prompt. speak ("amex should have 15 digits"); 
get_card__info.card__num = ""; 

} 

} else 

if (get_card_info.card_num. length != 16) { 
prompt. speak ("visa should have 15 digits"); 
get_card_info.card_num = ""; 

} 

} 

function gensmlO { 

str = '<sinl><credit_card><card_type>' ; 

str card_type. value; str -f= '</card_type><nuinber>' ; 

str card_niainber. value; str += '</niainber><expire> ' ; 

str += expiry__date. value; str +^ '</expire></credit_card></sial> 

return str; 

} 

</script> 

<script runat=="server"> 
function Page__Load (obj, args) { 
if (PostBack) { 

validator ^ new System. Speech. SMLValida tor (". /CreditSDL.xml" 
dsml = validator .Evaluate (args) ; 
Navigate (Choose Page (dsml) ) ; 
} else { 

// initialize fields with^-drgs 

} 

} 

</script> 

</head> 

<body> 

<speech:fonn id="get_card_info" style="system_initiative" 
prompt=" . /prompt/getPayment" onsubmit="gensml { ) "> 
<speech: choice name="card_type" prompt="What credit card would you 
use?" 

grainmar=" . /gram#card_types" onPhraseFinish="handle ( ) " 
<option>American Express</option> 
<option>Visa</option> 
<option>Mastercard </option> 
</speech : choice> 

<speech:textbox name=-"card_niainber" prompt="Please say the number" 

grammar=" . /gram#digits " onPhraseFinish="handle ( ) "> 
<speech:textbox name="expiry_date" prompt="What is the expiration 
date? " 

grammar-". /grain#dates" onPhraseFinish="handle (} "/> 

< / spee ch : f o rm> 

</body> 

</html> 
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